 .slider-collection-wrapper>div {
     border-bottom: 1px solid #ccc;
 }
 
 .first-example-wrapper {
     height: 300px;
 }
 
 .first-example-wrapper-inner {
     width: 300px;
     height: 280px;
     border: 1px solid #ccc;
     box-sizing: border-box;
     margin: 10px auto;
     overflow: hidden;
 }
 
 .first-example-wrapper-inner>ul>li {
     height: 70px;
     border-bottom: 1px solid #ccc;
     width: 100%;
     font-size: 40px;
     line-height: 70px;
     text-align: center;
     box-sizing: border-box
 }
 
 .two.example-wrapper {
     height: 100px;
 }
 
 .last-example-wrapper {
     height: 200px;
 }
 
 .two-example-wrapper {}
 
 .two-example-wrapper-inner {
     width: 1000px;
     border: 1px solid #ccc;
     height: 100px;
     margin: 20px auto;
     overflow: hidden;
     /* text-align: center; */
 }
 
 .two-example-wrapper-inner>ul {
     width: 1250px;
 }
 
 .two-example-wrapper-inner>ul>li {
     float: left;
     width: 250px;
     height: 100px;
     border-right: 1px solid;
     box-sizing: border-box;
     text-align: center;
     line-height: 100px;
     font-size: 30px;
 }
 
 .last-example-wrapper-inner {
     height: 200px;
     border: 1px solid #ccc;
     width: 800px;
     position: relative;
     margin: 10px auto;
     overflow: hidden;
 }
 
 .last-example-wrapper-inner>ul {
     width: 1200px;
 }
 
 .last-example-wrapper-inner>ul>li {
     width: 200px;
     height: 200px;
     line-height: 200px;
     text-align: center;
     font-size: 50px;
     float: left;
     border: 1px solid #ccc;
     box-sizing: border-box;
 }
 
 .arrow {
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: red;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
 }
 
 .arrow.arrow-right {
     left: auto;
     right: 0;
 }